
#top-wrap{
  width:100%;height:24px;border-bottom:1px solid #e2e2e2;background:#f1f1f1;
.top{
  width:980px;height:24px;background:#f1f1f1;border-bottom:1px solid #e2e2e2;margin:0 auto;
  .left{
    width:270px;height:24px;line-height:24px;float:left;margin-left:10px;
    .les{
      margin-left:10px;text-align:center;
      .si{font-size:14px;color:#666;}
      .sa{font-size:12px;color:#666;margin-left:6px;}
    }
    .les:hover .sa{text-decoration: underline;}
    .les:hover .si{color:darkblue;}
  }
     .r-left{
      width:270px;height:24px;float:right;
      li{
        float:left;
        a{display:block;height:24px;line-height:24px;text-align:center;margin-right:22px;font-size:12px;color:#666;}
        a:hover{text-decoration: underline;}
        .ras{display:block;float:left;}
        .rai{display:block;margin-left:5px;float:left;font-size:12px;color:#666;transition:all 0.5s linear;}
        .rra:hover .rai{transform:rotate(180deg);}
        .rra:hover{background:#fff;}
      }
    }
  li.welcome{line-height:24px;text-align:center;margin-right:22px;font-size:12px;color:#484848;}
  li:nth-of-type(3){
        position:relative;
        .hide2{
          display:none;
          background: #fff;width: 146px;text-align: center;line-height: 30px;position:absolute;left:-80px;top: 26px;box-shadow: 2px 2px 2px #cfcfcf;font-size: 12px;
          .hb1{display:block;font-size:16px;color:#ff6129;font-weight:900;}
          .hb2{display:block;font-size:14px;color:#000;font-weight:900;}
          .hb3{display:block;font-size:12px;color:#000;}
          .ha1{display:inline-block;width:55px;height:24px;background:blue;color:#fff;text-align:center;line-height:24px;font-size:12px;margin:0 4px;}
        }
      }
  }
}


#head-wrap{
  width:100%;height:108px;overflow:hidden;
  .head{
    width:960px;height:108px;margin:0 auto;
    .logo{
        width:319px;height:86px;margin:11px 26px 11px 0;float:left;background:url(../images/logo.png) no-repeat;
        h1{
          a{
            display:block;width:319px;height:86px;float:left;text-indent:-999px;
          }
        }
      }
    .wel{
      display:block;width:151px;height:50px;margin:24px 0 34px 0 ;padding:0 24px;border-left:1px solid #d9d9d9;font-size:24px;line-height:50px;color:#484848;text-align:center;float:left;box-sizing:border-box;
    }
    }
  }

#main-wrap{
  width:100%;height:484px;background:#e3e3e3;overflow:hidden;
  .main{
    width:960px;height:484px;background:#e3e3e3;margin:0 auto;
    .main-left{
      display:block;width:478px;height:363px;background:url(../images/login1.png) no-repeat;float:left;margin:44px 90px 74px 30px;
    }
    .login{
      float:right;width:362px;height:398px;border:1px solid #ccc;padding:0 22px 0 28px;box-sizing:border-box;background:#fff;margin:44px 0;
      .login-top{
        display:flex;width:312px;height:64px;line-height:64px;font-size:16px;color:#000;justify-content:space-between;align-items:center;
        .lgta{font-size:12px;color:#003399;}
        .lgta:hover{text-decoration: underline;}
      }
      .myform{
        width:280px;height:170px;padding:0 14px 22px 14px;display:flex;flex-direction: column;justify-content:space-between;box-sizing:border-box;
        .text{
          width:251px;height:33px;padding-left:29px;background:url(../images/login2.png) no-repeat 0 0;
          .txt{
            width:244px;height:31px;border:1px solid #ccc;font-size:12px;color:#b7b7b7;line-height:33px;padding-left:5px;
          }
        }
        .password{
          width:251px;height:33px;padding-left:29px;background:url(../images/login3.png) no-repeat 0 0;
          .pwd{
            width:244px;height:31px;border:1px solid #ccc;font-size:12px;color:#b7b7b7;line-height:33px;padding-left:5px;
          }
        }
        .mfs{
          display:flex;justify-content:space-between;width:280px;height:16px;line-height:16px;
          .mfsa1{font-size:12px;color:#003399;}
          .mfsa1:hover{text-decoration: underline;}
        }
        .btn{
          width:280px;height:33px;line-height:33px;font-size:14px;color:#fff;text-align:center;background:#ff6600;
        }
      }
      .else{
        width:310px;height:138px;
        .elses{width:310px;height:32px;display:block;line-height:32px;font-size:12px;color:#666;}
        .elseul1{
          width:310px;height:30px;display:flex;justify-content:space-between;
          .elli{
            background:url(../images/login4.png) no-repeat 0 0;padding-left:36px;line-height:30px;
            .ellia{font-size:12px;color:#666;}
            .ellia:hover{text-decoration: underline;}
          }
          .elli:nth-of-type(2){background:url(../images/login5.png) no-repeat 0 0;}
          .elli:nth-of-type(3){background:url(../images/login6.png) no-repeat 0 0;}
          .elli:nth-of-type(4){background:url(../images/login7.png) no-repeat 0 0;}
        }
        .elseul2{
          width:310px;height:50px;margin-top:5px;
          .elli2{
            float:left;margin-right:15px;background:url(../images/login8.png) no-repeat 0 0;padding-left:28px;line-height:25px;
            .ellia2{font-size:12px;color:#666;}
            .ellia2:hover{text-decoration: underline;}
          }
          .elli2:nth-of-type(2){background:url(../images/login9.png) no-repeat 0 0;}
          .elli2:nth-of-type(3){background:url(../images/login10.png) no-repeat 0 0;}
          .elli2:nth-of-type(4){background:url(../images/login11.png) no-repeat 0 0;}
        }
      }
    }
  }
}

#foot-wrap{
  width:100%;height:103px;margin:78px 0 18px 0;
  .foot{
    width:980px;height:103px;margin:0 auto;
    .ffoot{
      width:494px;height:103px;margin:0 242px;
      .fful{
        width:494px;height:44px;
        .ffli{width:116px;height:44px;margin-right:5px;float:left;}
        .ffli:nth-of-type(2){width:130px;height:44px;}
        .ffli:nth-of-type(3){width:127px;height:44px;}
        .ffli:nth-of-type(4){width:106px;height:44px;margin-right:0;}
      }
      .ffp{
        width:494px;height:38px;line-height:38px;text-align:center;
        .ffps{font-size:12px;color:#484848;padding:0 5px;}
        .ffpa{font-size:12px;color:#484848;padding:0 5px;}
        .ffpa:hover{text-decoration: underline;}
      }
      .ffp2{font-size:12px;color:#484848;width:494px;height:20px;line-height:20px;text-align:center;}
    }
  }
}
